<template>
	<view class="discuss">
		<text class="title">{{message.content}}</text>
		<view class="body">
			<image :src="message.designId?message.coverImage:message.softId?message.coverImage:message.fineId?message.fineImage.split(',')[0]:''" mode="aspectFill"></image>
			<view>
				<text class="body_title ellipsis">{{message.designId?message.designTitle:message.softId?message.softTitle:message.fineId?message.fineTitle:''}}</text>
				<text class="body_content two_ellipsis" v-html="message.introduce" v-if="message.designId"></text>
				<text class="body_content two_ellipsis"  v-else-if="message.category=='1'"></text>
				<text class="body_content two_ellipsis" v-else>{{message.softId?"":message.fineId?message.fineContent:''}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		props: {
			message: {
				type: Object,
				default(){
					return {}
				} 
			},
		},
	}
</script>

<style lang="scss">
.discuss{
	width: 750rpx;
	min-width: 750rpx;
	margin-top: 30rpx;
	background-color: #FFFFFF;
	padding: 30rpx;
	.title{
		display: block;
		font-size: 28rpx;
		color:#333333 ;
		font-weight: bold;
		line-height: 42rpx;
		letter-spacing: 1rpx;
		text-align: justify;
	}
	.body{
		height: 140rpx;
		border-radius: 10rpx;
		background-color:#F4F4F4 ;
		margin-top: 30rpx;
		display: flex;
		overflow: hidden;
		image{
			height:140rpx ;
			width: 140rpx;
			min-width: 140rpx;
			display: block;
		}
		view{
			margin-left: 24rpx;
			padding: 20rpx 24rpx 20rpx 0;
			display: flex;
			flex-flow: column;
			justify-content: space-between;
			.body_title{
				width: 502rpx;
				display: block;
				font-size:26rpx ;
				color:#333333 ;
				font-weight: bold;
				line-height: 28rpx;
				letter-spacing: 1rpx;
			}
			.body_content{
				font-size:24rpx ;
				color:#666666;
				line-height: 28rpx;
				letter-spacing: 2rpx;
				text-align: justify;
			}
		}
	}
}
</style>
